layui.use(['tree'], function() {
    var tree = layui.tree;

    // 渲染树形菜单
    var projectData = [{
        title: '竞赛项目',
        spread: false,//设置初始状态为折叠状态
        children: [{
            title: '个人田径运动',
            spread: false,//设置初始状态为折叠状态
            children: [{
                title: '100米短跑',
                id: 1
            }, {
                title: '跳远',
                id: 2
            }, {
                title: '铅球',
                id: 3
            }]
        }, {
            title: '趣味项目',
            spread: false,//设置初始状态为折叠状态
            children: [{
                title: '双脚跳绳接力赛',
                id: 4
            }, {
                title: '夹球跑接力赛',
                id: 5
            }, {
                title: '“袋鼠跳”接力赛',
                id: 6
            },
                {
                title: '混合拔河赛',
                id: 7
                }]
        }]
    }];

    tree.render({
        elem: '#project-tree',
        data: projectData,
        click: function(obj){
            var id = obj.data.id;
            var intro = '';

            // 根据项目编号加载相应的规则介绍
            switch (id) {
                case 1:
                    intro = '100米短跑规则介绍：......';
                    break;
                case 2:
                    intro = '跳远规则介绍：......';
                    break;
                case 3:
                    intro = '铅球规则介绍：......';
                    break;
                case 4:
                    intro = '参与人数：各学院(单位)8人（无男女比例要求），每轮4个学院（单位）。组织方法：各学院（单位）自行将人数均分（成A、B两组）；A、B两组队员成一列纵队相向间隔30米，线后站立；各学院（单位）A组首位队员，双脚站于线后双手持好跳绳。比赛方法：当裁判员发出“预备”--“跑”的号令时，各学院（单位）A组首位队员，应采用“双脚跳跃”姿势向B组行进，并在B组线后完成跳绳交接；B组首位队员采用“双脚跳跃”姿势向A组行进，并在A组线后完成跳绳交接。依次循环，直至最后一名队员。比赛规则：参赛队员应采用“双脚跳跃”（双脚同时离地）姿势行进；必须在A、B组线后完成交接跳绳（对违例学院或单位加时20秒）；如在跳跃行进过程中发生队员绊脚等情形，该队员可自行调整继续比赛。但如出现“跳跃跑”等情况出现，则取消该队成绩。（如有绊倒等情况出现时，裁判可进行搀扶，但不得有帮助其完赛的其他动作。）名次录取：“用时较短”者胜。';
                    break;
                case 5:
                    intro = '参与人数：各学院(单位)8人（无男女比例要求），每轮4个学院（单位）。组织方法：各学院（单位）自行将人数均分（成A、B两组）；A、B两组队员成一列纵队相向间隔20米，线后站立；各学院（单位）A组首位队员，双脚将“气排球”夹于两腿处。比赛方法：当裁判员发出“预备”--“跑”的号令时，各学院（单位）A组首位队员，可采用夹球“双脚跳跃”或“跑”等姿势向B组行进，并在B组线后完成“夹球”交接（夹球交接时，可采用手部等其他动作辅助，但仅限于“交”、“接”时两名参赛队员之间完成，其他人不得帮助。）；B组首位队员双脚站于布袋内并将布袋套至腰间部位，采用“双脚跳跃”或“跑”等姿势向A组行进，并在A组线后完成布袋交接。依次循环，直至最后一名队员。比赛规则：赛时气排球必须始终夹于两腿之间；参赛队员可采用“双脚跳跃”、“跑”等姿势行进；必须在A、B组线后完成交接（对违例学院或单位加时20秒）；比赛过程中，如遇“丢球”等情况出现，参赛者本人要将球捡回并将球夹至两腿之间，在“丢球”位置点继续进行；如在跳跃行进过程中发生队员绊倒、摔倒等情形，该队员可自行爬起，调整夹球位置继续比赛（如有绊倒等情况出现时，裁判可进行搀扶，但不得有帮助其完赛的其他动作）。名次录取：“用时较短”者胜。';
                    break;
                case 6:
                    intro = '参与人数：各学院(单位)12人（无男女比例要求），每轮4个学院（单位）。\n' +
                        '\n' +
                        '组织方法：各学院（单位）自行将人数均分（成A、B两组）；A、 B两组队员成一列纵队相向间隔20米，线后站立；各学院（单位）A组首位队员，双脚站于布袋内，并将布袋套至腰间部位。\n' +
                        '\n' +
                        '比赛方法：当裁判员发出“预备”--“跑”的号令时，各学院（单位）A组首位队员，应采用“双脚跳跃”姿势向B组行进，并在B组线后完成布袋交接；B组首位队员双脚站于布袋内并将布袋套至腰间部位，采用“双脚跳跃”姿势向A组行进，并在A组线后完成布袋交接。依次循环，直至最后一名队员。\n' +
                        '\n' +
                        '比赛规则：布袋必须始终双手提置腰间；参赛队员应采用“双脚跳跃”姿势行进；必须在A、B组线后完成套取布袋（对违例学院或单位加时20秒）； 如在跳跃行进过程中发生队员摔倒情形，该队员可自行爬起，调整布袋位置至腰间继续比赛（摔倒时裁判可进行搀扶，但不得帮助其调整布袋位置。）\n' +
                        '\n' +
                        '名次录取：“用时较短”者胜。';
                    break;
                case 7:
                    intro = '混合泳规则介绍：......';
                    break;
                default:
                    intro = '请选择左侧项目查看规则介绍。';
            }

            // 更新规则介绍内容
            $('#rule-intro').html(intro);
        }
    });
});
